<template>
	<view>
		<u-modal 
		v-model="isShow" 
		title="重要提示" 
		confirm-text="确认合并" 
		:border-radius="30" 
		:show-cancel-button="true" 
		@confirm="confirmMerge(true)"
		@cancel="confirmMerge(false)">
			<view style="padding:60rpx;">
				当前绑定操作会导致用户ID变更
				<br />
				原会员ID: {{ userInfo.id }}
				<br />
				变更后会员ID: {{ oldId }}
				<br />
				<text style="color:#FF3636">
					绑定后所有数据记录以变更后用户ID: {{ oldId }} 为准，原会员ID: {{ userInfo.id }} 数据将被删除，数据不会进行合并，且不可找回！请谨慎操作！
				</text>
				<br />
				绑定后请注意重新生成推广海报、重新发送推广链接！
			</view>
		</u-modal>
	</view>
</template>

<script>
import { mapState } from 'vuex';

export default {
	name: 'mergeConfirm',
	props: {
		show: {
			type: Boolean,
			default: false
		},
		oldId: {
			type: Number,
			default: 0
		}
	},
	computed: {
		...mapState({
			userInfo: ({ user }) => user.userInfo
		}),
	},
	watch: {
		show: function(val) {
			this.isShow = val;
		},
	},
	data() {
		return {
			isShow: false
		};
	},

	methods: {
		confirmMerge(type) {
			this.isShow = false;
			this.$emit('pushConfirmYesToTop', type);
		},
	},

	created() {}
};
</script>

<style scoped></style>
